// Component/uploadImg/uploadImg.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    imgUrl: {
      value: null,
      type: String
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    imageList: []
  },

  /**
   * 组件的方法列表
   */
  methods: {
    chooseImage(e) {
      let index = e.currentTarget.dataset.index
      // console.log(index)
      let self = this
      wx.chooseMedia({
        count: 1,
        mediaType: ['image'],
        sizeType: ['original', 'compressed'], //原图 ，压缩图
        sourceType: ['album', 'camera'], //从相处选择 ，使用相机
        success(res) {
          // console.log("res___________", res)
          res.tempFiles.forEach((file) => {
            if (index === undefined) { //添加图片
              self.setData({
                imageList: [...self.data.imageList, {
                  url: file.tempFilePath
                }]
              })
            } else { //替换当前索引下的图片
              self.data.imageList[index].url = file.tempFilePath
              self.setData({
                imageList: self.data.imageList
              })
            }
            // console.log(self.data.imageList[0].url)
            self.triggerEvent('img', {
              value: self.data.imageList[0].url
            })
          })
        }
      })
    },
    //删除图片
    delImage(e) {
      let {
        imageList
      } = this.data
      let index = e.currentTarget.dataset.index
      imageList.splice(index, 1)
      this.setData({
        imageList
      })
    }

  },
  observers: {
    'imgUrl': function (val) {
      if (val) {
        this.setData({
          ['imageList[0].url']: this.properties.imgUrl
        })
      }
    }
  }
})